.rj_shop-discount {
    background-color: $light-theme;
    @include border(1px, $border-light);
    @include margin(22px, bottom);
    @include flex;
    padding: 20px;
    flex-wrap: wrap;
    position: relative;
    .rj_discount-item {
        @include margin(20px, right);
        position: relative;
        .rj_card-left {
            position: absolute;
            top: 24%;
            // left: 16%;
            color: $color-white;
            text-align: center;
            width: 110px;
            .rj_card-l-top {
                em {
                    font-size: 14px;
                }
                span {
                    font-size: 24px;
                    font-weight: bold;
                }
            }
            .rj_card-l-bottom {
                @include margin(5px, top);
                font-size: 12px;
            }
        }
        .rj_card-right {
            @extend .rj_card-left;
            width: 88px;
            right: 0;
            font-size: 12px;
            top: 28%;
            .rj_card-r-top {
                @include margin(8px, bottom);
            }
            .rj_card-r-bottom {
                cursor: pointer;
                display: inline-block;
                padding: 3px 5px;
                background: #fff;
                color: orange;
                border-radius: 10px
            }
            .rj_dis_card-r-bottom {
                color: #fff !important;
            }
        }
    }

    .rj_card_more {
        font-size: 12px;
        color:rgba(0,0,0,1);
        opacity:0.56;
        position: absolute;
        right: 30px;
        top: 32px;
        cursor: pointer;
    }
    
    .rj_l-modal {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9;
       
        
    }
    .rj_l-modal-wp {
        width: 400px;
        height: 300px;
        text-align: center;
        position: fixed;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 0 3px 1px #ececec;
        transition: all 0.2s 0s;
        z-index: 10;
        .rj_modal-tittle {
            height: 44px;
            line-height: 44px;
            font-size: 14px;
            margin-bottom: 16px;
            padding-left: 42px;
            @include border-only(1px,bottom);
            .rj_l-close {
                float: right;
                padding: 12px;
                cursor: pointer;
            }
        }
        .icon {
            display: block;
            width: 48px;
            height: 48px;
            margin: 0px auto 15px ;
            position: relative;
            left: 18px;
            &.success {
              color:  #0093eb;
            }
            &.warn {
              color: #f56a00;
            }
          
        }

        .rj_l_modal-err {
            font-size: 16px;
            font-weight: bold;
            padding-bottom: 20px;
        }
        .rj_l-success-modal {
            .rj_l-close-timer {
                font-size: 14px;
                color:rgba(150,150,150,1);
            }
        }
    }
    
}